<?php require 'base/header.php'; ?>
<?php
	$e = $info;

	if ($e['latitude'])
		$carica_api_maps = 'async';
?>


<!-- JCP: Piccolo titolo accattivante che sloganizzi il contenuto -->
<div class="to_intro_menu">
		<div class="clear"></div>
</div>
<!-- JCP: Contenuto vero e proprio, dipendente dalla pagina -->
<div class="to_grey_wdg_xl branded" id="inizio_contenuto" style="margin-bottom: 10px;">
    <div class="to_grey_wdg_xl_ins"> <!-- JCP: Questo div e quello precedente delineano la parte di contenuto entro lo sfondo grigio -->
        <!-- JCP: Da qui c'è la parte all'interno del div bianco a forma di nuvoletta -->
        <div class="to_sugg_container">
            <div class="to_suggestion_big">
                <div id="to_sugg_container">
                    <div class="to_sugg_content to_event">
                        <!-- JCP: core -->
                            <div class="to_insegna">
                                
                                <?php if ($e['nome_foto']) { ?>
									<a class="to_thumb" href="<?=base_url().'/upload/'.$e['nome_foto'].''?>" title="<?=$e['nome']?>" rel="zoom">
									<img src="<?=base_url().'/upload/'.$e['nome_foto'].''?>" height="75" width="75" alt="<?=$e['nome_foto'].''?>" />
								<?php } 
									else {
								?>
									<a class="to_thumb" href="#inizio_contenuto" title="<?=$e['nome']?>">
								<?php } ?>
                                </a>
                            </div>
                            <div class="to_top">
                                <h1><a href="#inizio_contenuto" title="<?=$e['nome']?>"><?=$e['nome']?></a></h1>
                            </div>
                            <div class="to_text xl" style="width: 360px">
                                <!-- Plannings -->
				<b>Inizio:</b> <?=ucwords(strftime('%A %e %B %Y %R', strtotime($e['start_time'])))?>
				<?php if ($e['location']) { ?>
					@ <?php if ($e['id_locale']) { ?><a href="<?= site_url('stasera/locale/'.$e['id_locale']) ?>" class="to_location"><?php } ?>
					<?=$e['location'] ?>
					<?php if ($e['id_locale']) { ?></a><?php } ?>
				<?php } ?>
                                <?php if (isset($e['end_time']) && $e['end_time']) { ?><br />
                                <b>Fine:</b> <?=ucwords(strftime('%A %e %B %Y %R',strtotime($e['end_time'])))?><?php } ?>
                                <br />
                                <div class="clear"></div>

                                <!-- Info -->
                                <?php if ($e['indirizzo']) { ?>
					<b style="margin-top: 5px; display: inline-block">Indirizzo:</b> <?=$e['indirizzo']?>
                                <?php } ?>
				<?php if ($e['latitude']) { ?>
					<a class="to_link small sfondonero" href="#mappa" style="display: inline-block; float: none"><span>Vai alla mappa</span></a>
				<?php } ?>
				<?php if ($media->num_rows() > 0) { ?>
					<a class="to_link small sfondonero" href="#foto" style="display: inline-block; float: none"><span>Vai alle foto</span></a>
				<?php } ?>
                                <!-- Coupon -->
                                <div class="clear"></div>
                            
                            </div>
                            <div class="to_stats" style="display: none" id="div_civado">
                                <?php if ($e['costo'] && $e['prevendite_disponibili']) { ?>
                                    <b>Biglietto: </b><?= $e['costo'] ?> € <input style="margin-left: 10px; top: -2px; position: relative;" type="button" id="compra" value="Metti nel carrello" />
                                <?php } elseif (!$e['costo']) { ?>
                                    <input type="button" id="civado" value="Ci vado!" />
                                <?php } else { echo '<b>Biglietti terminati</b>'; } ?>
                            </div>
                            <div class="clear"></div>
			    <a class="to_link to_location_food" href="<?= site_url('stasera/index/'.$e['categoria']) ?>"><span>Categoria: <b><?=$e['categoria']?></b></span></a>
			<?php if ($e['id_locale']) { ?>
			    <a class="to_link to_location_food" href="<?= site_url('stasera/locale/'.$e['id_locale']) ?>"><span>Locale: <b><?=$e['location']?></b></span></a> 
			<?php } ?>
                                
                            <div class="clear"></div> 
                            <hr />
                            <!-- Descrizione -->
                            <div style="max-height:400px; overflow: auto;">
                               <?= auto_link(nl2br($e['descrizione']), 'both', TRUE) ?>
			    </div>
				<hr />
                            <p id="dati_partecipazione" style="margin-bottom: 0.5em"></p>
                            <fb:like href="<?=current_url()?>" send="true" show_faces="false" width="450"></fb:like>
                            <div class="clear"></div>
                        <!-- JCP: fine core -->
                    </div>
                </div>
                <div class="to_sugg_ftr"></div>
            </div>
			
        </div>
        <div class="clear"></div>
	<div id="commenti_fb">
		<fb:comments href="<?=current_url()?>"></fb:comments>
	</div>
    </div>
</div>
<div class="clear"></div>
<div style="padding-bottom: 10px"><div class="segnaposto_ad" style="width: 620px; height: 70px">Pubblicità 620x70</div></div>
<div class="clear"></div>

<?php if ($e['latitude'] || $media->num_rows() > 0 ) { ?>
<div class="to_grey_wdg_xl"> 
    <div class="to_grey_wdg_xl_ins">
		<?php if ($e['latitude']) { ?>
		<h2 style="color: #FF5E99; font-size: 130%">Dove si trova &laquo;<?=$e['nome']?>&raquo;?</h2>
		<div class="border_map" style="width: 500px; margin-left: 30px;"><div id="mappa" class="mappa_gmap"></div></div>
		<?php } ?>
		<?php if ($media->num_rows() > 0) { ?>
		<h2 style="color: #FF5E99; font-size: 130%">Foto di &laquo;<?=$e['nome']?>&raquo;:</h2>
		<div style="height:140px;" id="foto">
				<div class="infiniteCarousel carosello_evento" style="text-align: center">
				  <div class="wrapper">
					<ul>
					  <?php foreach ($media->result_array() as $m) { ?>
					  <?php 
							$nome = explode ('.', $m['nome_file']);
						?>
					  <li><a href="<?= base_url().'/upload/'.$m['nome_file'] ?>" title="<?= "Foto ".$e['nome'] ?>" rel="zoom"><img src="<?= base_url().'/upload/'.$m['nome_file'] ?>" height="75" width="75" alt="Foto <?= $e['nome'] ?>" /></a></li>
						<?php } ?>
					</ul>        
				  </div>
				</div>
		</div>
		<?php } ?>
	</div>
</div>
<hr />
<?php } ?>

<?php
	if ($e['id_importatore'] == $facebook->getUser()) {
		echo '<p>Questo evento è stato importato da te, se vuoi puoi <a href="#" onclick="elimina_evento()">eliminarlo</a>.</p><hr />';
	}
?>


<?php if ($e['latitude']) { 
	// TODO: fare uno switch sulle icone in base al tipo d'evento!
?>
    <script type="text/javascript">// <![CDATA[
	function api_maps_caricata() {
		// NB: questa funzione è più o meno ripetuta per locali, eventi, home e importazione... separare?
		var latlng = new google.maps.LatLng(<?= $e['latitude'] ?>, <?= $e['longitude'] ?>);
		var myOptions = {
			zoom: 15,
			center: latlng,
			mapTypeId: google.maps.MapTypeId.HYBRID,
			streetViewControl: true
		}
		var image = '<?=base_url() ?>/images/food_icons/';
		<?php 
			switch(trim($e['categoria'])) {
				case "pub":
					echo "image += 'beer_heineken-32x32.png';";
				break;
				case "disco":
					echo "image += 'Music-32.png';";
				break;
				case "concerti":
					echo "image += 'Stratocaster-guitar-blue-32.png';";
				break;
				case "cinema":
					echo "image += 'Cinema-Popcorn-32.png';";
				break;
				case "cultura":
					echo "image += 'Secret-book-32.png';";
				break;
				default:
					echo "image = '".base_url()."/images/icon_marker.png';";
				break;
			}
		?>
	
		var contentString = '<h3><?= $e['nome'] ?></h3><?= $e['indirizzo'] ?>';
		var map = new google.maps.Map(document.getElementById("mappa"), myOptions);
		var infowindow = new google.maps.InfoWindow({
			content: contentString
		});
		var marker = new google.maps.Marker({
			map: map,
			position: latlng,
			title: "<?= ($e['indirizzo']) ? $e['indirizzo'] : $e['nome'] ?>",
			icon: image
		});
		google.maps.event.addListener(marker, 'click', function() {
		  infowindow.open(map,marker);
		});
		google.maps.event.addListener(marker, 'click', function() {
		   if (marker.getAnimation() != null) {
			  marker.setAnimation(null);
			} else {
			  marker.setAnimation(google.maps.Animation.BOUNCE);
			}
		});
	}
    // ]]></script>
<?php } ?>

<?php require 'base/footer_prescript.php'; ?>

<script>// <![CDATA[

var utente_partecipa = false;
function aggiorna_dati_partecipazione()
{
	$("#dati_partecipazione").empty();
	if (!fb_uid)
		return;
	$.post('<?= site_url('partecipazione/dati') ?>',
		{ id_evento: <?= $e['id_evento'] ?>, ci_csrf_token: $.cookie("ci_csrf_token") },
		function(msg) {
			utente_partecipa = msg.utente_partecipa;
			var s = '';
			if (msg.utente_partecipa) {
				if (msg.uid_amici.length || msg.altri_partecipanti) {
					s = 'Parteciperete tu';
					for (var i = 0; i < msg.uid_amici.length; i++)
						s += ', <fb:name uid="' +  msg.uid_amici[i] + '"></fb:name>';
					if (msg.altri_partecipanti)
						s += ' e altre ' + msg.altri_partecipanti + ' persone. ';
				}
				else s = 'Parteciperai a questo evento ';
			} else if (msg.uid_amici.length || msg.altri_partecipanti) {
				s = 'Parteciperanno ';
				if (msg.uid_amici.length)
					s += '<fb:name uid="' + msg.uid_amici[0] + '"></fb:name>';
				for (var i = 1; i < msg.uid_amici.length; i++)
					s += ', <fb:name uid="' + msg.uid_amici[i] + '"></fb:name>';
				if (msg.uid_amici.length && msg.altri_partecipanti)
					s += ' e altre ';
				if (msg.altri_partecipanti)
					s += msg.altri_partecipanti  + ' persone ';
			}
			$("#dati_partecipazione").html(s);
			FB.XFBML.parse(document.getElementById('dati_partecipazione'));
			$("#civado").val(utente_partecipa ? "Non parteciperò" : "Ci vado!").attr('disabled','');
			$("#div_civado").show();
		},
		'json'
	);
}

function registra_partecipazione() {
	// Fa alternativamente da bottone "partecipo" o "non partecipo"
	$("#civado").val("Invio in corso...").attr('disabled','disabled');
	$.post('<?= site_url('partecipazione/civado') ?>',
		{
			id_evento: <?= $e['id_evento'] ?>,
			partecipo: (utente_partecipa ? 0 : 1), // Sarebbe !utente_partecipa (ma ci sono problemi di interpretazione)
			ci_csrf_token: $.cookie("ci_csrf_token")
		},
		function(msg) {
			if (msg == 'OK') {
				if (!utente_partecipa) // Variabile non ancora aggiornata
					pubblica_partecipazione();
				aggiorna_dati_partecipazione();
			} else {
				$("#testo_messaggio_errore_ajax").html("<strong>Attenzione</strong> Si è verificato un errore e l'evento non è stato eliminato.<br />Per riprovare, ricaricare la pagina. Se il problema persiste, vi preghiamo di contattarci.").fadeIn();
			}
		},
		'text'
	);
}

function registra_partecipazione_dopo_login() {
	// Si assicura che l'utente non partecipi già all'evento
	aggiorna_dati_partecipazione();
	if (utente_partecipa)
		$("Attenzione: si è già data l'adesione all'evento!").appendTo($("#dati_partecipazione"))
	else registra_partecipazione();
}

function pubblica_partecipazione() {
	FB.ui({
		method: 'feed',
		name: 'Parteciperò a un evento: <?= $e['nome'] ?>',
		link: '<?= site_url('stasera/evento/'.$e['id_evento']) ?>',
		caption: 'da e.. staSera?',
		<?php if ($e['nome_foto']) { echo "picture: '".base_url().'upload/'.$e['nome_foto']."',"; } ?>
		description: '<?= str_replace("\n", ' ', character_limiter($e['descrizione'], 100)) ?>',
		properties: 
			<?php
				$props = array('Inizio' => $e['start_time']);
				if (isset($e['end_time']) && $e['end_time'])
					$props['Fine'] = $e['end_time'];
				if (isset($e['location']) && $e['location'])
					$props['Luogo'] = $e['location'];
				echo json_encode($props);
			?>
	});
}


esegui_al_login.push(function() {
	$("#civado").unbind('mouseenter mouseleave');
	aggiorna_dati_partecipazione();
});

$(document).ready(function() {
	$("#civado")
		.attr('disabled','')
		.click(function() {
			if (!fb_uid)
				fai_login_facebook(registra_partecipazione_dopo_login);
			else registra_partecipazione();
		})
		.attr('title','Sarà richiesto di accedere tramite Facebook')
		.tipTip();
	$("#div_civado").show();
});

function elimina_evento() {
	if (!confirm("Si è sicuri di voler eliminare l'evento? Tutti i dati associati saranno rimossi."))
		return;

	$.post('<?= site_url('caricaEventi/elimina') ?>',
		{
			id_evento: <?= $e['id_evento'] ?>,
			ci_csrf_token: $.cookie("ci_csrf_token")
		},
		function(msg) {
			if (msg == 'OK') {
				window.location.href = "<?= site_url('stasera/index') ?>";
			} else alert(msg);
		},
		'text'
	);
	return false;
}

// ]]></script>

<?php require 'base/footer_postscript.php'; ?>
